<!DOCTYPE html>
<html lang="en">
<head>
[#include "/customer/include/static.htm"]
    <link href="${path}/resources/css/index.css" rel="stylesheet" type="text/css"/>
<body>
<style>



    .m-gains {
        position: absolute;
        top: 50px;
        right: 70px;
        width: 325px;
        height: 300px;
        z-index: 99;
        background-color: rgba(0,0,0,0.3);
        text-align: center;
        border-radius: 5px;
    }

    .m-gains .m-gs-h1 {
        color: #e83919;
        font-size: 21px;
        margin: 36px 0 40px 0;
        font-weight: 700;
        text-align: left;

        text-align: center
    }

    .m-gains .u-interest {
        color: #e83919;
        font-size: 46px;
        font-weight: 700;
        padding-bottom: 15px;

        text-align: center
    }

    .m-gains .m-gs-t {
        color: #333;
        font-size: 14px;
        font-weight: 700;
        padding: 15px 0 10px 0;
    }

    .m-gains .m-gs-t span {
        color: #ff6901;
        font-size: 20px;
        font-weight: 700;
    }

    .m-gains .u-sm-tx {
        font-size: 16px;
        color: #454545;
        margin-top: 12px;
    }

    .m-gains .u-mn-btn {
        width: 280px;
        height: 50px;
        border-radius: 5px;
        background: url(/resources/images/button.png)no-repeat center;
        background-size: 100%;
        border: none;
        font-size: 18px;
        color: #fff;
        margin-top: 20px;
        cursor: pointer;
        transition: all ease 300ms;

    }

    .m-gains .u-mn-btn:hover {
        background: #fff;
        color: #fc5940;
        border: solid 1px #fc5940;
    }

    .m-gains .u-existing {
        text-align: right;
        padding-right: 40px;
        margin-top: 10px;
    }

    .m-gains .u-existing a {
        color: #111111;
        font-size: 12px;
    }

    .m-gains .u-existing a:hover {
        color: #ff6901;
    }

    .m-gains-bg {
        position: absolute;
        top: 50px;
        right: 15px;
        width: 325px;
        height: 300px;
        background-color: #fff;
        border-radius: 5px;
        z-index: 98;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
</style>
[#include "/customer/include/header.ftl"]

<div class="index_banner wrap">
    <div class="full_screen_slider wrap">



    [@p2p_banner_list]
        <div class="bd">
            <ul class="slides wrap">
                [#list tag_list as banner]
                    <li style="background: url(${banner.img_src}) center top no-repeat; display: list-item;"><a
                            href="${banner.img_link}"></a></li>
                [/#list]
            </ul>
        </div>
        <div class="hd">
            <ul class="pagination wrap">
                [#list tag_list as banner]
                    <li></li>
                [/#list]
            </ul>
        </div>
    [/@p2p_banner_list]
    </div>
</div>
<div class="Website-statistics bg-fff">
            <div class="w1160 cf">
                <div class="item item01">
                    <h5>已加入智慧的投资者（人）</h5>
                    <span class="counter">${(registerCount)!0}位</span>
                </div>
                <div class="item item02">
                    <h5>平台累计成交金额（元）</h5>
                    <span class="counter">￥${(totalTurnover.totalTurnover)!0}元</span>
                </div>
                <div class="item item03">
                    <h5>待收金额（元）</h5>
                    <span class="counter">￥${(dueInAmount+903414.59 )!0}元</span>
                </div>
                <div class="item item04">
                    <h5>网站已安全运行（天）</h5>
                    <span class="counter">${safeDate+138}</span>
                </div>
            </div>
 </div>
<!--新手标-->
<div class="cont cont-2">
<div class="main">
            <div class="title">新手专区<span>新手出借 专享通道</span>
            </div>

            <div class="wrapper clearfix">
                                <a class="register-prompt left" target="_blank"><img src="/resources/images/index/index_packets.png" alt=""></a>

            [#if rookie??]
                <div class="new-info right">
                    <div class="til"><span>新手专享  限投一次</span></div>
                    <div class="info">
                                                <div class="in-1"><div class="t"><span>${rookie.apr}</span>% </div><div class="b">年化利率</div></div>
                                                <div class="in-2"><div class="t"><span>${rookie.time_limit}</span>[#if rookie.is_day==1] 天 [#else]  个月 [/#if]</div><div class="b">投资期限</div></div>
                        <div class="in-3"><div class="t"><span>${rookie.min_account}</span>元</div><div class="b">起投金额</div></div>
                    </div>
                    <a href="${path}/bid/detail/${rookie.id}" target="_blank" class="button button-fill">立即投资</a>
                </div>
            [/#if]
            </div>

        </div>

</div>
<div class="yol-entry">

    <div class="row mTop20">
		<h1 class="home_tit">优选理财<span>稳健增值&nbsp;&nbsp;多重安全保障</span></h1>
        [#--<div class="fleft" id="test">--]

            [#--<div class="indexInvest">--]
            [#--[#list borrows as loan]--]

                [#--<ul id="dqb" style=" border:none;border-bottom:1px solid #ccc; border-radius:0px;">--]
                    [#--<p style="line-height:25px; padding-top:10px; padding-left:10px; font-size:16px;">--]
                        [#--<span class="label label-success"> ${p2p_borrow_type(loan.loan_category)}</span>--]
                        [#--&nbsp;<a href="${path}/bid/detail/${loan.id}" style="margin-bottom: 5px;">${loan.name}</a>--]
                    [#--</p>--]
                    [#--<li>--]
                 [#--<span style="width:170px;">--]
                     [#--<a href="${path}/bid/detail/${loan.id}"></a>--]
                     [#--<em>金额&nbsp;&nbsp;</em>--]
                     [#--<b>${loan.account/10000}万元</b>--]
                 [#--</span>--]
                 [#--<span style="width:100px;">--]
                     [#--<em>期限</em>--]
                     [#--<font>${loan.time_limit}<em>[#if loan.is_day==1] 天 [#else]  个月 [/#if]</em></font>--]
                 [#--</span>--]
                        [#--<span style="width:130px;">年利率<font>${loan.apr}<em>%</em></font></span>--]
                 [#--<span style="width:70px;margin-top:-9px">--]
					 [#--<div class="progress">--]
                         [#--<span> ${(loan.amount_invested/loan.account*100)?string("#.##")}% </span>--]
                     [#--</div>--]
                 [#--</span>--]
                        [#--<span class="fright"><a class="btnCast" href="${path}/bid/detail/${loan.id}">--]
                        [#--[#if loan.status>3]--]
                        [#--${p2p_get_dict("borrow_status",loan.status)}--]
                        [#--[#elseif loan.status==3]--]
                            [#--立即抢购--]
                        [#--[#else]--]
                               [#--预发标中--]
                        [#--[/#if]</a></span>--]
                    [#--</li>--]

                [#--</ul>--]
                [#--<!--借款列表 end -->--]
        [#--[/#list]--]
            [#--</div>--]
            [#--<!-- invest list end -->--]
        [#--</div>--]


		<div class="hr_project fleft">
			<ul>
                [#list borrows as loan]
				<li class="">
					<div class="project_top">
						<p class="project_tip">
                        ${loan.name}

						</p>
						<p class="project_safe"><img src="/resources/images/index/dy_safe.png" alt="">${p2p_borrow_type(loan.loan_category)}</p>
					</div>
					<div class="project_middle">
						<dl class="project_annualized">
							<dt><span>${loan.apr}</span>%</dt>
							<dd>借款年化利率</dd>
						</dl>
						<dl>
							<dt>${loan.time_limit}<em>[#if loan.is_day==1] 天 [#else]  个月 [/#if]</em></dt>
							<dd>投资期限</dd>
						</dl>
					</div>
					<p>剩余可投金额：${(loan.account-loan.amount_invested)/10000}万元 &emsp;&emsp;当前进度：<span style="color:#F00">${(loan.amount_invested/loan.account*100)?string("#.##")}%</span></p>
					[#--<div class="progress">--]
						[#--<span>${(loan.amount_invested/loan.account*100)?string("#.##")}%</span>--]
					[#--</div>--]
					<a href="${path}/bid/detail/${loan.id}"><span>
                        [#if loan.status>3]
                        ${p2p_get_dict("borrow_status",loan.status)}
                        [#elseif loan.status==3]
                            立即抢购
                        [#else]
                            预发标中
                        [/#if]
                    </span></a>
				</li>
                [/#list]
			</ul>
		</div>

        <div class="news">
            <div class="news_left">
              <div class="news_left_title">
                <span>行业新闻</span>
                <a href="/article/list/intro">更多</a>
              </div>
              <div class="news_left_main">
                <ul>
                [@p2p_news cateId=1]
                    [#list newsList as news]
                        [#if news_index < 5]

                            <li><i></i><a href="${path }/article/${news.id}" title="${news.title }">${news.title }</a><span>${p2p_date_format(news.UPDATETIME,"yyyy-MM-dd hh:mm:ss")}</span></li>

                        [/#if]
                    [/#list]
                [/@p2p_news]

                </ul>
              </div>
            </div>
            <div class="news_right">
              <div class="news_right_title">
                <span>活动公告</span>
                <a href="/article/list/activity">更多</a>
              </div>
              <div class="news_right_main">
                <ul>
                [@p2p_news cateId=5]
                    [#list newsList as news]
                        [#if news_index < 5]

                            <li><i></i><a href="${path }/article/${news.id}" title="${news.title }">${news.title }</a><span>${p2p_date_format(news.UPDATETIME,"yyyy-MM-dd hh:mm:ss")}</span></li>

                        [/#if]
                    [/#list]
                [/@p2p_news]
                </ul>
              </div>
            </div>

            <div class="news_right">
              <div class="news_right_title">
                <span>月投资排行</span>
               <!-- <a href="/mtbd/index.html">更多</a>-->
              </div>
              <div class="news_right_main">
                <ul>


                [#list ranks as avtive]
                    <li >
                      <font style="color:#006DD9">${avtive.user_name?substring(0,2)}**: &nbsp;</font>
                            <font style="color:#999;margin-left: 25px" >投标</font>
                     <span class="money">共计${avtive.money}元</span>
                    </li>
                [/#list]
                </ul>
              </div>
            </div>
          </div>
        <div class="sidebar" style="float: right">

            </div>
        </div>

    </div>
</div>

<div class="index_news1">
    <h1 class="home_tit">合作伙伴</span></h1>
    <ul class="index_pernter_logo ml25 mt10">

    [#list links as link]
        <li><a href="${link.link}" class="partner1" alt="${link.name}" target="_blank" rel="nofollow">
            <img src="${link.logo}" title="${link.name}">
        </a>
        </li>
    [/#list]


    </ul>
</div>


</div>

<script>

    (function () {
        plan();//加载进度条
    })();
    //进度条
    function plan(){
        $(".progress:not([done='done'])").each(function () {
            var _this = $(this).attr("done", "done");
            _this.progress({stroke_bg: "#DD8403", loop: "#DD8403", stroke_width: 2 });
        });
    }

</script>
[#include "/customer/include/footer.ftl"]

</body>
</html>